@charset "UTF-8";
@font-face {
  font-family: 'oohlalalulucurvy';
  src: url('oohlalalulucurvy.eot');
  src: url('oohlalalulucurvy.eot?') format('eot'), url('oohlalalulucurvy.woff') format('woff'), url('oohlalalulucurvy.svg') format('svg'), url('oohlalalulucurvy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaneue';
  src: url('helveticaneue.eot');
  src: url('helveticaneue.eot?') format('eot'), url('helveticaneue.woff') format('woff'), url('helveticaneue.svg') format('svg'), url('helveticaneue.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
html body{ font-family:'Arial', 'Helvetica', sans-serif;	text-shadow: 0 1px 0 rgba(255,255,255,.6);}


/* common */
.hp {
	padding: 0;
	width:100%;
	height:1417px;
	text-align:center;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-all;
	font-family:'Helvetica';
	font-size:12px;
	color:#666666;
	position:relative;
	display: block;
}
.main-content{ width:1280px; margin:0 auto; background-image:url("../images/menu-bg.png"); overflow:hidden;}
.left{ width:383px;height:100%;float:left;background-color:#D11A6C;display:block;position:relative;}
.right{ width:897px;height:100%; float:left;background-color:#e3e6e8;displqy:block;position:relative;  min-height: 920px;}
.relative { position:relative;}
a{text-decoration:none; color:#666666; cursor:pointer;}
div.error {display:none;}
.close{
	background: url("../images/close.png") no-repeat scroll 0 0;
	width:34px; 
	height:34px;
	display:block;
	position: absolute;
	top:-5px;right:-10px;
}
.shadow{
	background: url("../images/shadow.png") no-repeat scroll 0 0;
	width:546px; 
	height:79px;
	margin:30px auto;
}
#sep-line{
	width:100%;
	height:50px;
	border-bottom: 1px dotted #acacad;
}
#loading-img{
	position:fixed;
	top:50%;
	left:50%;
	z-index:9999;
}
/**jquery error**/
em{
	color:#d91f72;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
}
.form_text2 em{
	margin-left:0;
	position:absolute;
	top:95px;left:0px;
	width:145px;
}
.hp-form em{
	position:absolute;
	right:14px;top:-16px;
	margin-left:0;
}

/**form valider and error**/
.showText{
	font-family:'Helvetica';
	font-weight:bold;
	font-size:13px;
	position:absolute;
	top:-40px;left:15px;
}
.valideText{
	color:#007f00;
	display:inline-block;
}
.errorText{
	color:#d51b6e;
	display:inline-block;
}
/* .showText a{
	width:21px; 
	height:21px;
	display:inline-block;
    position: relative;
    top: 5px; left: 10px;
}
.close-green{
	background: url("../images/close-green.png") no-repeat scroll 0 0;	
}
.close-red{
	background: url("../images/close-red.png") no-repeat scroll 0 0;	
} */

/**button style**/
.button, .hp-form form .button{
	font-family:'helveticaneue';
	font-size:20px;
	padding: 10px 15px;
    color: #575757;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #b0b1b1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	background:#ffffff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ECEBEB));
	background: -moz-linear-gradient(top, #ffffff, #ECEBEB);
	background-image: -o-linear-gradient(top, #ffffff, #ECEBEB);
	background-image: -ms-linear-gradient(top, #ffffff, #ECEBEB);
	background-image: linear-gradient(to bottom, #ffffff, #ECEBEB);
	cursor: pointer;
}
.button:hover, .hp-form form .button:hover{
    background: #F4F4F4;
    text-decoration: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	background:#ffffff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#DFDDDD));
	background: -moz-linear-gradient(top, #ffffff, #DFDDDD);
	background: -o-linear-gradient(top, #ffffff, #DFDDDD);
	background: -ms-linear-gradient(top, #ffffff, #DFDDDD);
	background: linear-gradient(to bottom, #ffffff, #DFDDDD);

}
.button:active, .hp-form form .button:active{
	box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.26);
	padding: 11px 15px 9px;
    background: rgba(170, 169, 169, 0.13);
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#ffffff), to(#DFDDDD));
	background: -moz-linear-gradient(top, #DFDDDD,#ffffff);
	background: -o-linear-gradient(top, #DFDDDD,#ffffff);
	background: -ms-linear-gradient(top, #DFDDDD,#ffffff);
	background: linear-gradient(to bottom, #DFDDDD,#ffffff);
}

.star-desc{
	color:#666666;
	font-size:10px;
	position: absolute;
	top: -25px;left: 50px;
}

/**left-menu**/
#logo-img{ 
	background: url("../images/logo.png") no-repeat scroll 0 0;
	width:383px; 
	height:300px;
	display:block;
}
#retour{
	background: url("../images/btn-retour-0.png") no-repeat scroll 0 0;
	width:85px; 
	height:30px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:10px;left:30px;
}
#retour:hover{ background: url("../images/btn-retour-1.png") no-repeat scroll 0 0;}
#retour:active{ background: url("../images/btn-retour-2.png") no-repeat scroll 0 0;}
.navgation{
	background: none no-repeat scroll 0 0;
	width:383px;
}

.menu a{
	width:383px;
	height:64px;
	background: none no-repeat scroll 0 0 #DD2577;
	display:block;
	position:relative;
	font-family: 'Helvetica';
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 1px 0  rgba(0, 0, 0, .25);
}
.menu a.menu-odd{
	background: url("../images/menu-odd-bg.png") no-repeat scroll 0 0;
}
.menu a.menu-even{
	background: url("../images/menu-even-bg.png") no-repeat scroll 0 0;
}
.menu .menu-icon{
	background: url("../images/menu-icon.png") no-repeat scroll 0 0;
	width:29px; 
	height:29px;
	display:block;
	position:absolute;
	left:31px;top:17px;

}
#icon2{background-position:0 -29px;}
#icon3{background-position:0 -58px;}
#icon4{background-position:0 -87px;}
#icon5{background-position:0 -116px;}
#icon6{
	background: url("../images/menu-icon6.png") no-repeat scroll 0 0;
	width:31px; 
	height:31px;
	left:30px;
}
.menu a p{
	display:block;
	text-decoration:none;
	position:absolute;
	left:118px;top:19px;
	pointer:cursor;

}
.menu a:hover,
.menu a.menu_on{
	color:#690732;
	background: none no-repeat scroll 0 0 #c21964;
	text-shadow:0 1px 0 #ffffff;
}

#menu-foot{
	background: url("../images/menu-foot-bg.png") no-repeat scroll 0 0;
	width:383px; 
	height:230px;
	display:block;
	position:relative;
}

#menu-foot .sns{
	position:absolute;
	right:20px;top:20px;
}
#menu-foot .sns a{
	background: url("../images/sns.png") no-repeat scroll 0 0;
	height:36px;
	width:37px;
	text-decoration:none;
	display:inline-block;
	float:left;
	margin-left:10px;
}
#menu-foot #tweet-sns{ background-position:-37px 0;}

#menu-foot .foot-list{
	font-family: 'Helvetica';
	color:#ffffff;
	font-size:12px;
	text-shadow:0 1px 0  rgba(0, 0, 0, .25);
	position:absolute;
	top:20px;left:30px;
}
#menu-foot .foot-list a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0 0 10px;
}
#menu-foot .foot-list a:hover{text-decoration:underline;}
#menu-foot  .copy{
	font-size:10px;
	margin-top: 15px;
}
#left-shadow{
	background: url("../images/shadow-left.png") no-repeat scroll 0 0;
	width:58px; 
	height:100%;
	display:block;
	position: absolute;
    left: -58px;top: 0;
}
.welcome { width:897px;height:40px;}

/**title**/
.title{ margin:60px 0 0 50px; display:block;}
.title h2{
	font-family: 'Helvetica';
  color:#e24382;
	font-size:30px;
	font-weight:bold;
}
.title p{
	font-family: 'Helvetica';
  color:#333333;
	font-size:18px;
	padding:5px 0;
}
.right form{
	margin:50px 0 0 50px;
}

/**footer**/
.footer{
	height:50px;
	margin:100px 0 20px;
	border-top: 1px dotted #acacad;
	bottom:10px;
	width:897px;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
}
.foot-link{
	display:block;
	height:30px;
	margin-top:20px;
}
.foot-link ul li{
	display:inline-block;
	float:left;
	margin-left:50px;
}
.foot-link ul li a{
	font-family: 'Helvetica';
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.copyright{
	font-family: 'Helvetica';
	color:#666666;
	font-weight:bold;
	font-size:10px;
	text-align:left;
	margin-left:50px;
}

/*hp*/

/** head **/
header{ height:55px; border-bottom: 1px dotted #acacad;}
#header-content{width:1150px;height:55px;display:block;position:relative;margin:0 auto;}
header span{
	position:absolute;
	top:15px;
}
#marche{left:0;}
#download{left:200px;}
#connecter{left:775px;}
#inscrire{left:920px;}
.bar-hp{
	background: url("../images/bar-hp.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 29px;
    width: 2px;
	position:absolute;
	top:15px;
}
#bar-hp1{left:190px;}
#bar-hp2{left:900px;}
header span a{
	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
	display:block;
    border: 1px solid transparent;
	-webkit-border-radius: 11px/13px;
	-moz-border-radius: 11px/13px;
	border-radius: 11px/13px;
}
header span a:hover{
	background: transparent;
	border:1px solid #cacaca;
	-webkit-box-shadow: 0 0 2px rgba(64,64,64,.07);
	-moz-box-shadow: 0 0 2px rgba(64,64,64,.07);
	box-shadow: 0 0 2px rgba(64,64,64,.07);
}
header span a:active{
	background: transparent;
	border:1px solid transparent;
	-webkit-box-shadow: 0 0 1px #ffffff,inset 0 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 1px #ffffff,inset 0 1px 3px rgba(0,0,0,.25);
	box-shadow: 0 0 1px #ffffff,inset 0 1px 3px rgba(0,0,0,.25);
	background-image: -webkit-linear-gradient(top, rgba(245,245,246,.33), rgba(231,230,230,.33));
	background-image: -moz-linear-gradient(top, rgba(245,245,246,.33), rgba(231,230,230,.33));
	background-image: -o-linear-gradient(top, rgba(245,245,246,.33), rgba(231,230,230,.33));
	background-image: -ms-linear-gradient(top, rgba(245,245,246,.33), rgba(231,230,230,.33));
	background-image: linear-gradient(to bottom, rgba(245,245,246,.33), rgba(231,230,230,.33));
}
#inscrire a{
	color:#ffffff;
	background: #e63a76;
	border:1px solid transparent;
	-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.40);
	-moz-box-shadow: inset 0 1px 2px rgba(255,255,255,.40);
	box-shadow:  inset 0 1px 2px rgba(255,255,255,.40);
}
#inscrire a:hover{
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.40), inset 0 1px 2px rgba(255,255,255,.40);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.40), inset 0 1px 2px rgba(255,255,255,.40);
	box-shadow: 0 1px 2px rgba(0,0,0,.40), inset 0 1px 2px rgba(255,255,255,.40);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.10), rgba(255,255,255,.10));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.10), rgba(255,255,255,.10));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.10), rgba(255,255,255,.10));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.10), rgba(255,255,255,.10));
	background-image: linear-gradient(to top, rgba(0,0,0,.10), rgba(255,255,255,.10));
}
#inscrire a:active{
	padding: 6px 10px 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(117,24,57,.4);
	-moz-box-shadow: inset 0 1px 2px rgba(117,24,57,.4);
	box-shadow: inset 0 1px 2px rgba(117,24,57,.4);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
}
#logo{margin:0 auto;}
/** footer **/
footer{ 
	width:100%;
	height:528px; 
	border-top: 1px dotted #acacad;
	margin-top:100px;
	background-color:#EDEEEF;
}

#share-sns{
	width:100%;
	height:232px; 
	background-color:#EDEEEF;
}
.share-text{
	font-family: 'oohlalalulucurvy';
	color:#2e2e2e;
	font-size:24px;
	margin:35px auto 0;
}
#share-sns a{
	width:101px;
	height:101px;
	display:inline-block;
	text-decoration:none;
	margin: 25px 20px;
}
#share-sns #fb-sns{
	background: url("../images/fb_logo-0.png") no-repeat scroll 0 0 transparent;
}
#share-sns #fb-sns:hover{
	background: url("../images/fb_logo-1.png") no-repeat scroll 0 0 transparent;
}
#share-sns #fb-sns:active{
	background: url("../images/fb_logo-2.png") no-repeat scroll 0 0 transparent;
}
#share-sns #tt-sns{
	background: url("../images/twitter_logo-0.png") no-repeat scroll 0 0 transparent;
}
#share-sns #tt-sns:hover{
	background: url("../images/twitter_logo-1.png") no-repeat scroll 0 0 transparent;
}
#share-sns #tt-sns:active{
	background: url("../images/twitter_logo-2.png") no-repeat scroll 0 0 transparent;
}


#foot-item{
	background-image: url("../images/footer-bg.png");
	width:100%;
	height:296px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,.05);
}

#foot-item .foot-buttons a{
	display:inline-block;
	margin: 25px 15px;
    padding: 7px 15px;
	font-family:'Helvetica';
	font-size:14px;
	color:#dcdcdc;
	font-weight:bold;
	background:transparent;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#foot-item .foot-buttons a:hover{
	background-color: #171717;
	-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.69), inset 1px 1px rgba(255,255,255,.72);
	-moz-box-shadow: 1px 2px 1px rgba(0,0,0,.69), inset 1px 1px rgba(255,255,255,.72);
	box-shadow: 1px 2px 1px rgba(0,0,0,.69), inset 1px 1px rgba(255,255,255,.72);
	background-image: -webkit-linear-gradient(bottom, #151515, #272626);
	background-image: -moz-linear-gradient(bottom, #151515, #272626);
	background-image: -o-linear-gradient(bottom, #151515, #272626);
	background-image: -ms-linear-gradient(bottom, #151515, #272626);
	background-image: linear-gradient(to top, #151515, #272626);
}
#foot-item .foot-buttons a:active{
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(63, 63, 65, 0.63);
	-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(63, 63, 65, 0.63);
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(63, 63, 65, 0.63);
	background:#151515;
}
#foot-item .copyright{
	font-family:'Helvetica';
	font-size:11px;
	color:#dcdcdc;
	font-weight:bold;
}

footer .copyright{
	text-align:center;
	margin-left:0;
}


/**form**/
.hp-form{ 
	position:relative;
	display:block;
	margin:350px auto 0;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 2px #DBDBDB;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:470px; 
}
.form-title{position:absolute;top:-85px;left:-22px;}

#form-login{
	height:360px;
}
#form-create{
	height:720px;
}
#form-create-yes{
	height:85px;
}
#form-create-confirm{
	height:165px;
}
#form-oublie-mdp{
	height:340px;
}
.hp-form .mdp-desc{
	font-family:'Helvetica';
	font-size:12px;
	color:#515050;
	font-weight:bold;
	padding: 0 10px 20px;
	text-align:left;
}

.hp-form form{
	font-family:'Helvetica';
	position:relative;
	top:45px; left: 35px;
	display:block;
	width:384px;
}
.hp-form .form-line{
	position:relative;
}
.hp-form input{
	border-color:#ccc #ddd #ddd #ccc;
	padding:10px;
	background-color:rgba(255, 255, 255, 0.9);
	font-size:14px;
	width:342px;
	height:17px;
	color:#666;  
	padding-left:10px;
	margin-bottom:20px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border:1px solid #c2c2c2;
	background:-webkit-gradient(linear,left top, left bottom,from(#ededed),to(#fff));
	background:-webkit-linear-gradient(top,#ededed,#fff);
	background:-moz-linear-gradient(top,#ededed,#fff);
	background:-ms-linear-fradient(top,#ededed,#fff);
	background:-o-linear-gradient(top,#ededed,#fff);
}
.hp-form .mdp{
	position:relative;
	margin:-5px 0 0;
}

.hp-form .mdp a{color:#515050;font-weight:bold;text-decoration:none;}
.hp-form .mdp a:hover{text-decoration:underline;}
.hp-form .mdpo{left:13px;position:absolute;}
.hp-form .bdc{right:13px;position:absolute;}
.hp-form .form_checkbox{
	margin:30px 0 0;
	color:#333333;
	font-weight:bold;
	position:relative;
}
.hp-form .form_checkbox .checkbox_option{
	position:absolute;
	left:13px;top:0px;
}
.hp-form .form_checkbox .checkbox_option span{margin-right:15px;position:relative;top:5px;}
.hp-form .checkbox_icon{
	border-color:#ccc #ddd #ddd #ccc;
  background-color:rgba(255, 255, 255, 0.9);
  height: 19px;
  width:19px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #c2c2c2;
	display:inline-block;
}
.hp-form .checkbox_icon_on{
	background: url("../images/check_icon_on.png") no-repeat scroll 0 0 transparent;
  height: 21px;
  width:21px;
	border: medium none;
	display:inline-block;
}
.hp-form p.form-desc{
	font-family: 'Helvetica';
	width:463px;
    color:#333333;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.hp-form p.form-desc span{color:#d61c6f;}

#form-create p.form-desc{
	border-bottom:1px dotted #acacad;
	margin: 45px 0 0 2px;
    padding-bottom: 20px;
}
#form-create-yes p.form-desc, #form-create-confirm p.form-desc{
    padding: 18px 0;
}
.hp-form form .form_select {
    display:block;
    font-size:14px;
    color:#666666;
    text-align: left;
	margin: 0 0 20px 10px;
}

.hp-form form .form_select .select_show {
    display:block;
    font-size:14px;
	color:#666666;
    width:364px;
    height:34px;
    padding: 10px 25px 0 15px;
    background: url('../images/select2.png') no-repeat 0 0 scroll transparent;
    cursor:pointer;
}
.hp-form .wedding_form .form_select .select_option{
    width:318px;
}
.hp-form .btn-connect{
  height: 67px;
  margin-left: 5px;
  margin-top: 55px;
  width: 365px;
}

.hp-form .btn-create{
  height: 69px;
  margin-top: 46px;
  width: 369px;
}
.hp-form .btn-deja{
  height: 27px;
  width: 335px;
	margin-top: 15px;
	margin-left: 43px;
  display:block;
  padding:20px 15px;
}
.hp-form .btn-deja:active{padding:21px 15px 19px;}
.hp-form .btn-envoyer{
	height: 67px;
	margin-top: 46px;
	width: 365px;
	margin: 25px auto;
	display:block;
}
#form-create-confirm .btn-deja{
	margin-left:50px;
	margin-top:5px;
}

/* bienvenue */
#click-drop{
	background: url("../images/btn-drop.png") no-repeat scroll 0 0;
	height:29px;
	width:125px;
	display:block;
	text-decoration:none;
	position:relative;
	margin: 10px 0 0 50px;
	cursor:pointer;
}

#click-drop span{
	font-family: 'Helvetica';
	color:#55555;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:7px;left:5px;
	text-align:center;
	max-width:95px;
	overflow:hidden;
	white-space: nowrap;
    width: 95px;
}
#bien-deconnect{
	background: url("../images/btn-deconnect-0.png") no-repeat scroll 0 0;
	height:39px;
	width:139px;
	display:block;
	border:none;
	cursor:pointer;
	margin-left:60px;
}
#bien-deconnect:hover{background: url("../images/btn-deconnect-1.png") no-repeat scroll 0 0;}
#bien-deconnect:active{background: url("../images/btn-deconnect-2.png") no-repeat scroll 0 0;}
.bien-text{
	background: url("../images/bg-text.png") no-repeat scroll 0 0;
	height:1016px;
	width:630px;
	position:relative;
	margin:10px 0 0 80px;
}
.bien-text .text-content{
    position: absolute;
    top: 190px;	  left: 60px;
}
.bien-text .text-content p{
	font-family: 'oohlalalulucurvy';
	color:#616161;
	font-size:14px;
	width:520px;
	padding:10px 0;
}
.bien-text .text-content .spe-text{
	color:#d62e79;
	font-size:12px;
}
.btn-commencer{
	background: url("../images/btn-commencer.png") no-repeat scroll 0 0;
	height:54px;
	width:208px;
	position:absolute;
	bottom:115px;left:215px;
}
/* les maries*/
.top-nav{
	margin:35px 0 0 25px;
	height: 35px;
}
.tabs li a{
	font-family: 'Helvetica';
    color:#666666;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	float:left;
	margin-left:15px;
	padding:8px 22px 12px ;
}
#marie-3{
	padding:8px 27px 12px ;
}
.tabs li span{
	background: url("../images/bar.png") no-repeat scroll 0 0;
	height:45px;
	width:2px;
	display:inline-block;
	float:left;
	margin: -5px 0 0 15px;
}
#marie-1_on{
	background: url("../images/marie-tab.png") no-repeat scroll 0 0;
	height:37px;
	width:130px;
	text-indent:-9999px;
	padding:0;
}
#marie-2_on{
	background: url("../images/marie-tab.png") no-repeat scroll 0 -37px;
	height:37px;
	width:130px;
	text-indent:-9999px;
	padding:0;
}
#marie-3_on{
	background: url("../images/marie-tab.png") no-repeat scroll 0 -74px;
	height:37px;
	width:130px;
	text-indent:-9999px;
	padding:0;
}
#marie-1:hover, #marie-1_on:hover{
	background: url("../images/marie-tab2.png") no-repeat scroll 0 0;
	height:37px;
	width:130px;
	text-indent:-9999px;
	padding:0;
}
#marie-2:hover, #marie-2_on:hover{
	background: url("../images/marie-tab2.png") no-repeat scroll 0 -37px;
	height:37px;
	width:130px;
	text-indent:-9999px;
	padding:0;
}
#marie-3:hover, #marie-3_on:hover{
	background: url("../images/marie-tab2.png") no-repeat scroll 0 -74px;
	height:37px;
	width:130px;
	text-indent:-9999px;
	padding:0;
}
.upload_photo{
	position:absolute;
	left:520px;top:0px;
}
.below-desc{
	font-family: 'Helvetica';
    color:#a4a4a4;
	font-size:12px;
	font-weight:bold;
	padding: 10px 10px 30px;
}
/* histoire */
.form_question_box{
	border-bottom: 1px dotted #acacad;
	margin-top:30px;
}
.form_question{
	margin-left:50px;
}
.add-button-box{
	border-bottom: 1px dotted #acacad;
	margin-top:30px;
}
.add-button-box .below-desc{
	margin-left:45px;
}
.btn-ques-add{
	background: url("../images/ques-add-0.png") no-repeat scroll 0 0; 
	height:52px;
	width:330px;
	display:block;
	font-size:16px;
	border:none; 
	cursor:pointer;
	margin:30px 0 10px 45px;
}

.btn-ques-add:hover{background: url("../images/ques-add-1.png") no-repeat scroll 0 0;}
.btn-ques-add:active{background: url("../images/ques-add-2.png") no-repeat scroll 0 0;} 

.btn-ques-cancel{
	/* background: url("../images/ques-cancel-0.png") no-repeat scroll 0 0; */
	height:26px;
	width:90px;
	font-size:16px;
	display:block;
	cursor:pointer;
	padding:14px 5px 10px 33px;
	margin-bottom:30px;
}


.btn-ques-cancel:active{	padding:15px 5px 9px 33px;} 
.btn-ques-valider{
	height:52px;
	width:287px;
	display:block;
	cursor:pointer;
	margin: 40px 0 70px 45px;
}

/* .btn-ques-valider:hover{background: url("../images/ques-valider-1.png") no-repeat scroll 0 0;}
.btn-ques-valider:active{background: url("../images/ques-valider-2.png") no-repeat scroll 0 0;} */
/* grand jour */
#grandjour{ width:1280px; height:1900px; margin:0 auto;}
input#code{width:110px;}
input#ville{width:225px;}
.form_text2{
	display:inline-block;
	float:left;
	position: relative;
}
/* les invites */
.btn-envoyer{
	height:23px;
	width:248px;
	padding: 18px 10px 22px 30px;
	display:block;
	cursor:pointer;
	margin: 40px 0 0 45px;
}
.btn-envoyer:active{ padding: 19px 10px 23px 30px;} 

/**** send invitation ****/
#send-invitation{ 
	border-bottom: 1px dotted #acacad;
	position:relative;
	margin:40px 0 0 45px;
}
#send-invitation .btn-close{
	background: url("../images/btn-close.png") no-repeat scroll 0 0;
	height:26px;
	width:25px;
	display:block;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0px; left:650px;
}
#send-invitation h3{
	font-family: 'Helvetica';
    color:#666666;
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}
#send-invitation textarea{
	font-family: 'Helvetica';
    color:#333333;
	font-size:12px;
	border:2px solid #B0B1B1;
	padding:10px;
	margin-top:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-webkit-box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
}
#send-invitation textarea:focus{
    #border:3px solid;
    border-color:rgba(213, 27, 110, 1.0);
    box-shadow: 0 0 2.5px 2px rgba(213, 27, 110, 1.0);
}
#send-invitation .send-note{
	font-family: 'Helvetica';
    color:#a8a7a7;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 5px;
}
#send-addresse{
	width:565px;
	height:58px;
}
#send-message{
	width:565px;
	height:270px;
}
#send-message p{
	text-align:left;
	padding-top:10px;
}
#send-invitation .btn-send{
	background: url("../images/btn-envoyer2-0.png") no-repeat scroll 0 0;
	height:47px;
	width:142px;
	display:block;
	border:none;
	cursor:pointer;
	margin: 15px 0 40px 280px;
}
#send-invitation .btn-send:hover{background: url("../images/btn-envoyer2-1.png") no-repeat scroll 0 0;}
#send-invitation .btn-send:active{background: url("../images/btn-envoyer2-2.png") no-repeat scroll 0 0;}
#send-invitation .btn-cancel{
	background: url("../images/btn-annuler-0.png") no-repeat scroll 0 0;
	height:47px;
	width:142px;
	display:block;
	border:none;
	cursor:pointer;
	margin: -87px 0 40px 448px;
}
#send-invitation .btn-cancel:hover{background: url("../images/btn-annuler-1.png") no-repeat scroll 0 0;}
#send-invitation .btn-cancel:active{background: url("../images/btn-annuler-0.png") no-repeat scroll 0 0;}
/**** lists ****/
#invites-list{
	margin:20px 0 70px;
}
#invites-list h3{
	font-family: 'Helvetica';
    color:#666666;
	font-size:18px;
	font-weight:bold;
	margin:50px 0 0 45px;
}
#list-block{
	width:565px;
	height:260px;
	background-color:#ffffff;
	margin: 15px 0 0 45px;
	padding: 10px;
	border:2px solid #B0B1B1;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-webkit-box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
	overflow-y: auto;
}
#list-block .person{
	border-bottom: 1px dotted #acacad;
	width:100%;
	height:40px;
	position:relative;
	margin-top:10px;

}
#list-block .person img{
	position:absolute;
	left:5px;top:7px;
}
#list-block .person span{
	font-family: 'Helvetica';
    color:#333333;
	font-size:13px;
	text-align:left;
}
#list-block .person .person-name{	
	width:260px;
	position:absolute;
	left:80px;top:10px;
}
#list-block .person .person-state{
	width:100px;
	position:absolute;
	left:380px;top:10px;
}
#list-block .person .person-tick{
	background: url("../images/tick.png") no-repeat scroll 0 0;
	height:16px;
	width:16px;
	display:block;
	border:none;
	position:absolute;
	right:35px;top:10px;
}
/* mon compte */
#compte-1 .miniline,#compte-2 .miniline{
	height:70px;
}
#compte-1 input, #compte-2 input{
	font-family: 'Helvetica';
	font-size:16px;
	font-weight:bold;
	width:378px;
}
.miniline p.entre5{
	font-family: 'Helvetica';
    color:#a4a4a4;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0 10px;
}
#compte-1 .button{
	font-family: 'helveticaneue';
	font-size:14px;
}
#compte-1 .btn-save1{
	height:51px;
	width:228px;
	display:block;
	cursor:pointer;
	margin-top:75px;
}

#compte-2 .btn-save-mdp{
	height:51px;
	width:228px;
	display:block;
	cursor:pointer;
	margin: 20px 0 70px;
}


/* form*/
/**
 *
/**** Global ****/
.wedding_form {

}
.wedding_form .star{
	display:none;
}
.wedding_form .btn-save{
/*     background: url("../images/btn-save-0.png") no-repeat scroll 0 0;
	border:none; */
	height:65px;
	width:290px;
	margin-top:30px;
	margin-bottom:70px;
	cursor: pointer;
}
/* .wedding_form .btn-save:hover{background: url("../images/btn-save-1.png") no-repeat scroll 0 0;}
.wedding_form .btn-save:active{background: url("../images/btn-save-2.png") no-repeat scroll 0 0;} */

.wedding_form input,.wedding_form textaera{
    font-family: 'Helvetica'; 
}
.wedding_form input.button{
    font-family: 'helveticaneue'; 
}
.wedding_form label{
  display:block;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin:10px 0;
}
.selectable_opacity {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
}
.selectable_opacity:hover {
    opacity:.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
    background-color:#FFF;
}
/**** textarea ****/
.wedding_form textarea {
    font-size:18px;
    line-height: 24px;
	width:375px;
	height:100px;
	padding:5px 10px;
    background-color:#ffffff;
    border:2px solid #bbbbbb;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-webkit-box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
}
.wedding_form textarea:focus{
	background-color:#fff;
    #border:3px solid;
    border-color:rgba(213, 27, 110, 1.0);
    color:#000;
    box-shadow: 0 0 2.5px 2px rgba(213, 27, 110, 1.0);
}

/**** select ****/
.wedding_form .form_select {
    display:block;
    font-size:18px;
    color:#333333;
    text-shadow:0 0 1px #FFFFFF;
}

.wedding_form .form_select .select_show {
    display:block;
    font-size:18px;
	color:#333333;
    width:399px;
    height:34px;
    padding: 10px 25px 0 20px;
    background: url('../images/select.png') no-repeat 0 0 scroll transparent;
    cursor:pointer;
}

.wedding_form .form_select .select_option {
    position:relative;
    display:block;
    width:350px;
    height:34px;
    padding: 10px 25px 0 20px;
    border-bottom:1px solid #fff;
    cursor:pointer;	
}
.wedding_form .form_select_date .select_show {
    width:117px;
    height:35px;
    background: url('../images/select.png') no-repeat 0 -44px scroll transparent;
	display:inline-block;
	padding: 12px 7px 0 18px;
	float:left;
}

.wedding_form .form_select_date .select_option {
    width:70px;
    height:35px;
	height:24px;
    padding: 5px 25px 0 20px;
	font-size:14px;
}
.form_select_date{
	display:block;
	width:120px;
	position:relative;
	float:left;
	margin-right:20px;
}
.select_options {position:absolute;background-color:#bbbbbb;z-index:5;max-height:250px;overflow-y:auto;overflow-x:hidden;}
.form_select_date .select_options{top:45px;}
/**** text ****/
.wedding_form .form_text{
    display: block;
    margin:10px 0;
    width:420px;
	height:95px;
}

.wedding_form .form_text input {
    font-size:18px;
    line-height: 24px;
    display:block;
    padding:5px 10px;
    width: 375px;
    height:31px;
	background-color:#ffffff;
    border:2px solid #bbbbbb;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-webkit-box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 1px 1px rgba(255, 255, 255, 0.2);
}
.wedding_form .form_text input:focus, .wedding_form .form-line input:focus{
	 background-color:#fff;
    #border:3px solid;
    border-color:rgba(213, 27, 110, 1.0);
    color:#000;
    box-shadow: 0 0 2.5px 2px rgba(213, 27, 110, 1.0);
}
/**** data ****/
.wedding_form .form_data input {
    display:inline-block;
    width:18px;
    margin-left:3px;
    padding: 3px 5px;
    text-align:center;
    height:14px;
    border:none;
    background: url('../images/form.png') no-repeat -128px -25px transparent;
} 
/**** checkbox ****/
form .form_checkbox{
	margin:30px 0 0;
	color:#333333;
	font-weight:bold;
	position:relative;
}
form .form_checkbox .checkbox_option{
	position:absolute;
	left:2px;top:0px;
	font-family: 'Helvetica'; 
	font-size:12px;
	color:#333333;
}
form .form_checkbox .checkbox_option span{margin-right:15px;position:relative;top:5px;}
.checkbox_icon{
	border-color:#ccc #ddd #ddd #ccc;
  background-color:rgba(255, 255, 255, 0.9);
  height: 19px;
  width:19px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #c2c2c2;
	display:inline-block;
}
.checkbox_icon_on{
	background: url("../images/check_icon_on.png") no-repeat scroll 0 0 transparent;
  height: 21px;
  width:21px;
	border: medium none;
	display:inline-block;
}
/**** upload-photo ****/
.upload_photo p{
	font-family: 'Helvetica'; 
    font-size:18px;
    line-height: 24px;
	font-weight:bold;
	text-align:center;
	width:212px;
	padding:0 0 15px;
}
